// 页面打开是执行轮播图：
window.onload = lunbo0();
window.onload = lunbo1();
window.onload = lunbo2();
window.onload = lunbo3();
window.onload = lunbo4();
window.onload = lunbo5();
// 二级菜单显隐：
$(".all-btn").hover(
	function(){
		$(".submenu").css("display","block");
		$(".thrmenu").css({"display":"none"});
		$(".all-btn").css("cursor","pointer");
	},
	function(){
		$(".submenu").css("display","none");
	}
);
// 三级菜单显隐：
var $olis = $(".submenu li" );
$olis.each(function(){
	$(this).hover(function(){		
		$(".thrmenu").css({"display":"block","box-shadow":"0 0 4px #666"})
		$olis.css("box-shadow","none");
		$(this).css({"box-shadow":"0 0 4px #666","padding":"0 15px"})
	},
	function(){
		$(".thrmenu").css("display","none");
	})
})

// 轮播图：
function lunbo0(){
	var ul1 = document.getElementById("car-ul");
	var ol1 = document.getElementById("car-ol");
	var ulis = Array.from(ul1.children)
	var olis = Array.from(ol1.children);
	var now = 0;
	var timer;
	olis.forEach(function(li,ind){
		li.onclick = function(){
			now = ind;
			move();
		}
	})	
	// 运动：
	function move(){
		olis.forEach(function(li,ind){
			li.className = "";
			startMove(ulis[ind],{"opacity":0},function(){
				ulis[ind].style.display = "none";
			});
			
		})
		ulis[now].style.display = "block";
		startMove(ulis[now],{"opacity":100});
		olis[now].className = "color";
	}
	// 定时：
	function time(){
		now++;
		if(now == 4){
			now = 0;
		}
		move()
	}
	timer = setInterval(time,2000)
}
// 1F轮播图 
function lunbo1(){
	var ul1 = document.getElementById("ul-floor");
	var ol1 = document.getElementById("ol-floor");
	var ols = Array.from(ol1.children);
	var now = 0;
	var timer;
	ols.forEach(function(li,ind){
		li.onclick = function(){
			now = ind;
			move();
		}
	})
	// 运动：
	function move(){
		if(now==5){
			startMove(ul1,{"left":-760*now},function(){
				ul1.style.left = 0;
			})
			now = 0;
			ols.forEach(function(li,ind){
				li.className = "";
			})
			ols[now].className = "bgcolor"
		}else{
			startMove(ul1,{"left":-760*now})
			ols.forEach(function(li,ind){
				li.className = "";
			})
			ols[now].className = "bgcolor"
		}		
	}
	// 定时：
	function time(){
		now++;	
		move();
	}
	timer = setInterval(time,2000)		
}
// 2F轮播图 
function lunbo2(){
	var ul1 = document.getElementById("ul-floor2");
	var ol1 = document.getElementById("ol-floor2");
	var ols = Array.from(ol1.children);
	var now = 0;
	var timer;
	ols.forEach(function(li,ind){
		li.onclick = function(){
			now = ind;
			move();
		}
	})
	// 运动：
	function move(){
		if(now==5){
			startMove(ul1,{"left":-760*now},function(){
				ul1.style.left = 0;
			})
			now = 0;
			ols.forEach(function(li,ind){
				li.className = "";
			})
			ols[now].className = "bgcolor"
		}else{
			startMove(ul1,{"left":-760*now})
			ols.forEach(function(li,ind){
				li.className = "";
			})
			ols[now].className = "bgcolor"
		}		
	}
	// 定时：
	function time(){
		now++;	
		move();
	}
	timer = setInterval(time,2000)		
}
// 3F轮播图 
function lunbo3(){
	var ul1 = document.getElementById("ul-floor3");
	var ol1 = document.getElementById("ol-floor3");
	var ols = Array.from(ol1.children);
	var now = 0;
	var timer;
	ols.forEach(function(li,ind){
		li.onclick = function(){
			now = ind;
			move();
		}
	})
	// 运动：
	function move(){
		if(now==5){
			startMove(ul1,{"left":-760*now},function(){
				ul1.style.left = 0;
			})
			now = 0;
			ols.forEach(function(li,ind){
				li.className = "";
			})
			ols[now].className = "bgcolor"
		}else{
			startMove(ul1,{"left":-760*now})
			ols.forEach(function(li,ind){
				li.className = "";
			})
			ols[now].className = "bgcolor"
		}		
	}
	// 定时：
	function time(){
		now++;	
		move();
	}
	timer = setInterval(time,2000)		
}
// 4F轮播图 
function lunbo4(){
	var ul1 = document.getElementById("ul-floor4");
	var ol1 = document.getElementById("ol-floor4");
	var ols = Array.from(ol1.children);
	var now = 0;
	var timer;
	ols.forEach(function(li,ind){
		li.onclick = function(){
			now = ind;
			move();
		}
	})
	// 运动：
	function move(){
		if(now==5){
			startMove(ul1,{"left":-760*now},function(){
				ul1.style.left = 0;
			})
			now = 0;
			ols.forEach(function(li,ind){
				li.className = "";
			})
			ols[now].className = "bgcolor"
		}else{
			startMove(ul1,{"left":-760*now})
			ols.forEach(function(li,ind){
				li.className = "";
			})
			ols[now].className = "bgcolor"
		}		
	}
	// 定时：
	function time(){
		now++;	
		move();
	}
	timer = setInterval(time,2000)		
}
// 5F轮播图 
function lunbo5(){
	var ul1 = document.getElementById("ul-floor5");
	var ol1 = document.getElementById("ol-floor5");
	var ols = Array.from(ol1.children);
	var now = 0;
	var timer;
	ols.forEach(function(li,ind){
		li.onclick = function(){
			now = ind;
			move();
		}
	})
	// 运动：
	function move(){
		if(now==5){
			startMove(ul1,{"left":-760*now},function(){
				ul1.style.left = 0;
			})
			now = 0;
			ols.forEach(function(li,ind){
				li.className = "";
			})
			ols[now].className = "bgcolor"
		}else{
			startMove(ul1,{"left":-760*now})
			ols.forEach(function(li,ind){
				li.className = "";
			})
			ols[now].className = "bgcolor"
		}		
	}
	// 定时：
	function time(){
		now++;	
		move();
	}
	timer = setInterval(time,2000)		
}
// 商品展示：(ajax获取)
$.get("json/page.json",function(response){
	$(response).each(function(index,value){
		if(index < 10){
			var $li = $("<li></li>");
			$(".show1").append($li);
			var $img = $("<img src='"+value.img +"'/>");
			//console.log(response[index].img)
			$li.append($img);
			var $p = $("<p></p>")
			$li.append($p);
			$p.append(value.title);
			var $b = $("<b></b>")
			$li.append($b);
			$b.append(value.price1);
			var $span = $("<span></span>")
			$li.append($span);
			$span.append(value.price2);	
		}else if(index >= 10 && index <20){
			var $li = $("<li></li>");
			$(".show2").append($li);
			var $img = $("<img src='"+value.img +"'/>");
			//console.log(response[index].img)
			$li.append($img);
			var $p = $("<p></p>")
			$li.append($p);
			$p.append(value.title);
			var $b = $("<b></b>")
			$li.append($b);
			$b.append(value.price1);
			var $span = $("<span></span>")
			$li.append($span);
			$span.append(value.price2);	
		}else if(index >= 20 && index <30){
			var $li = $("<li></li>");
			$(".show3").append($li);
			var $img = $("<img src='"+value.img +"'/>");
			//console.log(response[index].img)
			$li.append($img);
			var $p = $("<p></p>")
			$li.append($p);
			$p.append(value.title);
			var $b = $("<b></b>")
			$li.append($b);
			$b.append(value.price1);
			var $span = $("<span></span>")
			$li.append($span);
			$span.append(value.price2);
		}else if(index >= 30 && index <40){
			var $li = $("<li></li>");
			$(".show4").append($li);
			var $img = $("<img src='"+value.img +"'/>");
			//console.log(response[index].img)
			$li.append($img);
			var $p = $("<p></p>")
			$li.append($p);
			$p.append(value.title);
			var $b = $("<b></b>")
			$li.append($b);
			$b.append(value.price1);
			var $span = $("<span></span>")
			$li.append($span);
			$span.append(value.price2);
		}else{
			var $li = $("<li></li>");
			$(".show5").append($li);
			var $img = $("<img src='"+value.img +"'/>");
			//console.log(response[index].img)
			$li.append($img);
			var $p = $("<p></p>")
			$li.append($p);
			$p.append(value.title);
			var $b = $("<b></b>")
			$li.append($b);
			$b.append(value.price1);
			var $span = $("<span></span>")
			$li.append($span);
			$span.append(value.price2);
		}
		
	})
})
//  给a标签添加划过样式：
var $a = $("a");
$a.each(function(index,value){
	$(this).hover(function(){
		$(this).css("color","red");
	},function(){
		$(this).css("color","");
	})
})
$(".shop-car").hover(function(){	
	$(".p-shopping").css({"display":"block","box-shadow":"0 0 3px #666"})
},function(){
	$(".p-shopping").css({"display":"none"});
})